<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<header th:replace="manage/head :: html"></header>

<body class="cbp-spmenu-push">
<div class="main-content" id="pageId" pageId="mypriceask">

    <div th:replace="manage/menu :: html"></div>

    <!-- main content start-->
    <div id="page-wrapper">
        <div class="main-page">
            <h2 class="title1">我的广播</h2>

            <div class="col-md-12 widget-shadow">
                <ul id="myTabs" class="nav nav-tabs" role="tablist">
                    <li role="presentation" class="active">
                        <a href="#home" id="home-tab" role="tab" data-toggle="tab"
                                                              aria-controls="home" aria-expanded="true">我发出的</a></li>
                    <li role="presentation" class=""><a href="#profile" role="tab" id="profile-tab" data-toggle="tab"
                                                        aria-controls="profile" aria-expanded="false">我收到的</a></li>

                </ul>
                <div id="myTabContent" class="tab-content scrollbar1" tabindex="5001"
                     style="overflow: hidden; outline: none;">

                    <!--我发出的-->
                    <div role="tabpanel" class="tab-pane fade active in" id="home" aria-labelledby="home-tab">

                        <div class="form-group">
                            <form class="form-inline">
                                <button type="button" class="btn btn-warning" data-toggle="modal"
                                        data-target="#gridSystemModal">发送询价
                                </button>
                            </form>

                        </div>

                        <table class="table">
                            <thead>
                            <tr>
                                <!--编号、品牌、成色需求、目标价格、数量-->
                                <th><input type="checkbox" /></th>
                                <th>状态</th>
                                <th>配件编号</th>
                                <th>主题</th>
                                <th>联系人</th>
                                <th>公司</th>
                                <th>日期</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td><input type="checkbox" /></td>
                                <td>状态</td>
                                <td>配件编号</td>
                                <td>主题</td>
                                <td>联系人</td>
                                <td>公司</td>
                                <td>日期</td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" /></td>
                                <td>状态</td>
                                <td>配件编号</td>
                                <td>主题</td>
                                <td>联系人</td>
                                <td>公司</td>
                                <td>日期</td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" /></td>
                                <td>状态</td>
                                <td>配件编号</td>
                                <td>主题</td>
                                <td>联系人</td>
                                <td>公司</td>
                                <td>日期</td>
                            </tr>

                            </tbody>
                        </table>

                    </div>

                    <!--我收到的-->
                    <div role="tabpanel" class="tab-pane fade" id="profile" aria-labelledby="profile-tab">
                        <div class="form-group">
                            <form class="form-inline">
                                <button type="button" class="btn btn-warning" data-toggle="modal"
                                        data-target="#gridSystemModal">发送询价
                                </button>
                            </form>

                        </div>
                        <table class="table">
                            <thead>
                            <tr>
                                <!--编号、品牌、成色需求、目标价格、数量-->
                                <th><input type="checkbox" /></th>
                                <th>状态</th>
                                <th>配件编号</th>
                                <th>主题</th>
                                <th>联系人</th>
                                <th>公司</th>
                                <th>日期</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td><input type="checkbox" /></td>
                                <td>状态</td>
                                <td>配件编号</td>
                                <td>主题</td>
                                <td>联系人</td>
                                <td>公司</td>
                                <td>日期</td>
                                <td>回复/标记为已读</td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" /></td>
                                <td>状态</td>
                                <td>配件编号</td>
                                <td>主题</td>
                                <td>联系人</td>
                                <td>公司</td>
                                <td>日期</td>
                                <td>回复/标记为已读</td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" /></td>
                                <td>状态</td>
                                <td>配件编号</td>
                                <td>主题</td>
                                <td>联系人</td>
                                <td>公司</td>
                                <td>日期</td>
                                <td>回复/标记为已读</td>
                            </tr>

                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <!--//footer-->
</div>


<!-- side nav js -->
<script src='js/SidebarNav.min.js' type='text/javascript'></script>
<script>
    $('.sidebar-menu').SidebarNav()
</script>
<!-- //side nav js -->

<!-- Classie --><!-- for toggle left push menu script -->
<script src="js/classie.js"></script>
<script>
    var menuLeft = document.getElementById('cbp-spmenu-s1'),
        showLeftPush = document.getElementById('showLeftPush'),
        body = document.body;

    showLeftPush.onclick = function () {
        classie.toggle(this, 'active');
        classie.toggle(body, 'cbp-spmenu-push-toright');
        classie.toggle(menuLeft, 'cbp-spmenu-open');
        disableOther('showLeftPush');
    };

    function disableOther(button) {
        if (button !== 'showLeftPush') {
            classie.toggle(showLeftPush, 'disabled');
        }
    }
</script>
<!-- //Classie --><!-- //for toggle left push menu script -->

<!--scrolling js-->
<script src="js/jquery.nicescroll.js"></script>
<script src="js/scripts.js"></script>
<!--//scrolling js-->

<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.js"></script>

</body>
</html>